<template>
    <div>
        <h1>Home</h1>
        <router-link to="/home/news">news</router-link>
        <!-- <router-link to="/home/music/1">华语music</router-link>
        <router-link to="/home/music/2">粤语music2</router-link> -->
        <!-- <router-link :to="{path:'/home/music/1'}">华语music</router-link>
        <router-link :to="{path:'/home/music/2'}">粤语music2</router-link> -->
        <router-link :to="{name : 'music',params:{id:'1'} }">华语music</router-link>
        <router-link :to="{name : 'music',params:{id:'2'} }">粤语music2</router-link>

        <!-- <router-link to="/home/games?tit=QQ飞车&time=2000">游戏1</router-link> -->
        <router-link :to="{name:'games',query:{ tit:'QQ飞车',time:'2000'} }">游戏1</router-link>
        <router-link :to="{name:'games',query:{ tit:'王者',time:'2000'} }">游戏2</router-link>
        <router-view></router-view>
    </div>
</template>

<script>
    export default {
        name : 'Home'
    }
</script>

<style scoped>

</style>